<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center">
                <div>ID</div>
            </th>
            <th class="text-center" width="20%">套餐名称</th>
            <th class="text-center" width="20%">原价</th>
            <th class="text-center" width="20%">销售价</th>
            <th th:if="${selaSwitch}==3" class="text-center" width="10%">会员价</th>
            <th class="text-center" width="10%">到期类型</th>
            <th class="text-center" width="10%">创建人</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyMaterial">
            <tr class="jqgfirstrow" role="row">
                <th class="text-center">
                    <div >&nbsp;</div>
                </th>
                <th class="text-center" width="20%"></th>
                <th class="text-center" width="20%"></th>
                <th class="text-center" width="20%"></th>
                <th th:if="${selaSwitch}==3" class="text-center" width="10%"></th>
                <th class="text-center" width="10%"></th>
                <th class="text-center" width="10%"></th>
            </tr>
            <tr th:if="${#maps.isEmpty(dataMap)} or ${#lists.isEmpty(dataMap['list'])}">
                <td colspan="10" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">亲，还没有套餐课程数据~~~</span></p>
                    </div>
                </td>
            </tr>
            <tr th:if="!${#maps.isEmpty(dataMap)} and !${#lists.isEmpty(dataMap['list'])}" th:each="course : ${dataMap['list']}" th:attr="id='course-data-'+${course['id']},data-id=${course['id']}">
                <td class="text-center">
                    <input th:type="${#strings.isEmpty(selectType)}?'radio':${selectType}" class="i-checks" name="packageId"  th:title="${course['courseName']}" th:value="${course['id']}">
                </td>
                <td class="text-center" th:text="${course['courseName']}">套餐名</td>
                <td class="text-center" th:text="${course['orPrice']}">原价</td>
                <td class="text-center" th:text="${course['realPrice']}">实销价</td>
                <td th:if="${selaSwitch}==3" class="text-center" th:text="${course['memberPrice']}">会员价</td>
                <td class="text-center">
                    <span th:if="${course['validType']}==1" th:text="'自购买日起'+${course['validDay']}+'天内'"></span>
                    <span th:if="${course['validType']}==2" th:text="${course['validTime']}"></span>
                </td>
                <td class="text-center" th:text="!${#maps.isEmpty(course['createUser'])}?${course['createUser']['ralName']}:'—'"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>
</html>